// createApp方法的执行创建一个‘应用实例’
import { createApp } from 'vue'
// 根组件
import App from './App.vue'
// 路由实例对象
import router from './router'
// vuex实例对象
import store from './store'

// createApp使用app根组件创建应用实例  并且使用串联调用的形式
// 把router store都加入到应用中  最后mount方法完成实例的dom挂载

// 测试触发mutations函数
// setTimeout(() => {
//   store.commit('user/setUser')
// }, 2000)

// 测试动态创建的虚拟dom
// import '@/components/Message/index.js'

// 引入重置样式的包
import 'normalize.css'
// 引入公共样式
import '@/styles/index.less'
import componentPlugin from '@/components'
// 引入全局指令
import defineDirective from '@/directives'

// 函数调用
createApp(App).use(store).use(router).use(componentPlugin).use(defineDirective).mount('#app')
